<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
    <style>

       div{
        width: 200px;
        height: 200px;
        border:1px red solid;
        margin: 100px auto;
        /* 圆角边框   四个属性的值 分别表示圆角的方位 
         依次为： 顺时针    左上 右上 右下 左下 */
        border-radius: 20px 40px 60px 0px;
       }

    </style>
</head>
<body>

      <div>

      </div>
    
</body>
</html>